<template>
	<div>
		<!--输入框-->
		<el-input ref="input" type="text" :disabled="false" @change="changeHandel" v-model="value" :placeholder="holder" style="width:160px;"/>
	</div>
</template>

<script>
	export default {
		props : [
			"defaultValue",
			"placeholder"
		],
		mounted(){
			this.value = this.defaultValue || "";
			this.holder = this.placeholder || "请输入";
		},
		data(){
			return {
				value : "",
				holder : "",
				disabled:true
			}
		},
		computed:{
//			value(){
//				return this.defaultValue || "";
//			},
//			value2: {
//	      get: function (v) {
//	      	console.log(v)
//	        return this.defaultValue || "";
//	      },
//	      set: function (v) {
//	        //this.value = v
//	      }
//	    }
		},
		watch:{
			defaultValue(n,o){
				this.value = n
			}
		},
		methods : {
			changeHandel(v){
				this.$emit("change", "input", v)
			},
			reset(){
				this.value = this.defaultValue || "";
				// this.$refs.input.$refs.input.$forceUpdate();
				// console.log(666,this.value,this.$refs.input)
				this.changeHandel(this.value)
			},
		}
	}
	
</script>

<style>
</style>